<template>
    <!-- {{}} -->
    <!-- 用户未登录时，显示登录组件 -->
    <my-login v-if="!tokenInfo.token"></my-login>

    <!-- 用户登录后，显示用户信息组件 -->
    <my-userinfo v-else></my-userinfo>
</template>
<script>
import { mapState } from 'vuex'
import MyLogin from '@/components/MyLogin.vue'
import MyUserinfo from '@/components/MyUserinfo.vue'
export default {
    components:{
        MyLogin,
        MyUserinfo
    },
    computed:{
        ...mapState('m_user',['tokenInfo'])
    }
}
</script>
<style lang="less" scoped>
.van-nav-bar {
  background: #4e8ccd;
}
.van-nav-bar /deep/ .van-ellipsis {
  color: #fff !important;
}
</style>